ANHVUONGDC.WAPSITE.ME

*Đây là một ví dụ thực tế mà bạn thường hay gặp, bất cứ lúcnào lướt web, bạnnhấp vào đâu đó, và thế là được chuyễn hướng sang trang khác.Để làm được việc này, ta bọc đối tượng( đối tượng có thể là chữ, hình ảnh) vớitag <a> và dĩ nhiên câu hỏi đặt ra là làm sao định hướng được đi tới đâu, câu trả lời:
_Trong tag <a> tacần có thêm thuộc tính href (hypertext reference). Giá trị của thuộc tính này là đường dẫn tới trang mà ta muốn nó đến, ví dụ bạn có một link và muốn nó dẫn tới trang chủ của anhvuongdc wap thì code cần viết đơn giản là:
Mã nguồn:[Chọn]
<a href="http://anhvuongdc.wapsite.me">Linkdẫn tới anhvuongdc</a>
Kết quả:
Link dẫn tới anhvuongdc
Link hình ảnh
Đơn gản như link thường thôi:
<a href="http://anhvuongdc.wapsite.me"><img src="http://anhvuongdc.wapsite.me/images/logo.png"/></a>
Kết quả:

Mọi việc có thể là rất bình thường, cho tới khi.....mình nói là không phải như thế! giá trị của thuộc tính href cũng có 3 loại:
Internal- Links dẫn tới địa điểm cùng trang
Local- Links dẫn tới một trang tuộc tên miền của bạn (ví dụ như http://anhvuongdc.wapsite.me/index.html và http://anhvuongdc.wapsite.me/imageslà cùng tên miền)
Global- Link dẫn tới trang khác tên miền ( ví dụ http://google.com) tuy cái này vẫn có thể dẫn tớitrang của bạn, đừng hiểu nhầm nhé!
Ví dụ thực tế cho từng loại: link internal thường dùng để làm những link"Trở về đầu trang" Bằng cách như thế này:ờ nơi bạn muốn "nhảy" tới khi click vào link, bạn đặt một thẻ
<a name="top"></a>
với giá trị của thuộc tính href là cái gì cũng được, miễn sao cho bạn dễ nhớ, ở đây nói trởvề đầu trang thì mình đặt giá trị là top cho dễ nhớ.
Nơi mà bạn muốn hiện cái dòng chử Trở về đầu trang, bạn đặt một thẻ
<a href="#top">Trở về đầu trang</a>.
Nhớ là để ví dụ này có hiệu quả, thì trang phải dài và hiện thanh cuộn trên cửa sổ trình duyệtmới thấy được ha!
-Link Global thì khỏi giải thích nhiều, chèn nguyêncái đường dẫn (cái trên thanh dịa chỉ của trình duyệt ớ) và giá trị của href là xong.
-Link Local đây là một ví dụ thú vị, mà chắc sẽ khôngít người bị nhầm lẫn sau này!
Mã nguồn:[Chọn]
<a href="/index.htm">aaaaaaaaaaaa</a>
<a href="index.htm">aaaaaaaaaaaa</a>
: <a href="../index.htm">aaaaaaaaaaa</a>
Cái này mình chỉ nói qua, các bạn thử tự ví dụ tại nhà ha! hảy tạo trên Destop một thư mục, save file HTML này tại đó,mở ra bằng trình duyệt và xem thử từng link sẽ dẫn bạn tới đâu.
Chúý:Chắc chắn là bạn sẽ thấy mộttrang báo lỗi không tìm thấy hiện ra, nhưng không sao, ta chỉ quan tâm đến đườngdẫn hiện ra trên tình duyệt để phân tích. Có 3 dòng 1,2,3 cứ thế ma nói.
1: Nếu bạn đặt file này trong bất cứ thư mục nào của ổđĩa(ví dụ làC ha) link dẫn sẻlà: file:///C:/index.htmDấu "/" phía trướcsẽ tạo ra đường dẫn là tên miền (trường hợp này là ổ đĩa) và tên file ngay sao đó.
2: Còn cái link thứ 2 sẽ đưa ra liên kết đúng tho vị trí mà file html đang nằm tên file
3: Cái link này đưa ra đườngdẫn tới thư mục chứa thư mục chứa file html tên file
Nói thì khó hiểu nhưng các bạn cứ thử đi là sẻ hểu thôi!link targets - Mục tiêu khó dịch quá.Nói chung là với mỗi link bạn có quyền chỉ định khi nhấp vào là mởtrang web trong địa chỉ ở cửa sổ mới hay là trong chính trang này,hoặc là trong frame nào bạn muốn, (frame ta sẽ tìm hiểu sau!)bằng thuộc tính target, có các giá trị như sau:
_blank: mở cửa sổ mới
_self: mở trang mới ở cửa sổ đang mở hay framechứa nó (cái này mặc định)
_parent: mở trang ở frame cha (thí dụ frame chứ frame thì cái frame lớn chính là frame cha)
_top: mở ở cửa sổ hiện tại luôn, nhưng mà nếu tran có chứa frame nếu không đặt thuộc tính taeget có giá trị này, trang mới chỉload trong frame, còn khi đặt giá trị nàythì cả trang nhiều frame như một, cái này cũng khá khó đểví dụ, từ từ qua phần frame rồi tính.
*EMAIL tag <a>còn để làm link gửi mail, co nghĩa là khi click vào địa chỉ mail thì trình soạn thào mail mặc địnhcủa bạn se mở ra ớ!
<a href="mailto:dohuy.vuong@yahoo.com" >Gửi thư cho mình nhé</a>
Với cách này ta còn có thểđặt trước tựa và một phần nội dung thư nhưsau<a href="mailto:dohuy.vuong@gmail.com?subject=Tu Vi du&body=Minh da hieuhet roi, de qua">Gửi thư cho mình nhé</a>
Sau địa chỉ mail có thêm dấu"?" và2 phần subject=tiêu đề bạn muốn, body=Nội dung thư bạn muốn, có thể chỉ đặt 1 trong 2 phần này,nhưng khi muốn đặt cả hai cùng lúc thì cần có dấu"&"như trên ví dụ. Lúc nhấn vào người ta sẽ thấy phần tiêu dề và thông tin!(Đương nhiên là người ta vẫn xoá đi được).